﻿<%@ page language="C#" autoeventwireup="true" inherits="MembershipCard_Ticket_quandetail, App_Web_vztxk4oh" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>优惠券</title>
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" />
<meta content="yes" name="apple-mobile-web-app-capable" /> 
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" /> 
<link rel="stylesheet" type="text/css" href="css/index.css" >
</head>
<body>
    <form id="form1" runat="server">
    <div class="passbox"> 
  <div class="quanimg"><asp:Image
          ID="Image2" runat="server" Width="300" />
</div>
  <div class="quandetail">
      <ul runat="server" id="nr">
       <li class="xianjin">
         <p>金致玉妍新肌至要90分钟</p>
         <p><strong>3.8</strong>折  <span>原价：680元</span></p>
         <p>汉方尊享体验券</p>
            
        <article>
        • 本券仅限现金或银行卡消费<br>
        • 法定节假日是否除外<br>
        • 本券只能使用一次<br>
        </article>
        <article>已经有12321人下载使用了！</article>
       </li> 
      </ul>      
  </div>
 
  <div class="quandianTT" onClick="javascript:tanchu();"><strong>我要分享</strong></div>
  <div style="padding-bottom:44px;"></div>
</div>
<div class="quanfu" runat="server" id="div2" ><a href="#"  onclick="check2()">立即领取</a></div>
<div class="quanfu" runat="server" id="div1" visible="false"><a href="#"  onclick="check1()">立即使用</a></div>
 <asp:Button ID="Button2" Style="display: none;" runat="server" Text="立即领取" class="yanzheng"
                    OnClick="Button2_Click" />
                    <asp:Button ID="Button1" Style="display: none;" runat="server" Text="立即领取" class="yanzheng"
                    OnClick="Button1_Click" />
                 <div class="tanchu" id="tan1" onClick="javascript:guanbi();"></div>
<div class="tanchucon" id="tan2">
<p></p>
</div>
    </form>
</body>
</html>
<script type="text/javascript">
    var flase = true;
    var zhankai = function () {
        if (flase == true) {
            document.getElementById('quandd').getElementsByTagName('ul')[0].style.display = "block";
            document.getElementById('quandd').getElementsByTagName('span')[0].className = "jiantou jiantou2";
            flase = false;
        } else {
            document.getElementById('quandd').getElementsByTagName('ul')[0].style.display = "none";
            document.getElementById('quandd').getElementsByTagName('span')[0].className = "jiantou";
            flase = true;
        }
    }

    function check2() {
      
      if(confirm("是否领取优惠券？")){
            document.getElementById("Button2").click();
            }
        }

        function check1() {
        if(confirm("是否确定使用优惠券？")){
            document.getElementById("Button1").click();
            }
        }

        var tanchu = function () {
            document.getElementById('tan1').style.height = document.body.clientHeight + 'px';
            document.getElementById('tan1').style.display = "block";
            document.getElementById('tan2').style.display = "block";
        }

        var guanbi = function () {
            document.getElementById('tan1').style.display = "none";
            document.getElementById('tan2').style.display = "none";
        }
</script>